@charset "UTF-8";
/* Scss Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; }

/* 统一老式浏览器HTML5显示 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1.2; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

img { border: none; vertical-align: top; }

/* 清除a标签中图片边框 */
input, button, textarea { vertical-align: middle; font: inherit; }

button, label, a { cursor: pointer; }

button { font-family: 'Microsoft YaHei'; }

/* H1 - H6 */
h1 { margin-top: 8px; line-height: 1.2; margin-bottom: 4px; font-size: 36px; }

h2 { margin-top: 8px; line-height: 1.2; margin-bottom: 4px; font-size: 30px; }

h3 { margin-top: 8px; line-height: 1.2; margin-bottom: 4px; font-size: 25px; }

h4 { margin-top: 8px; line-height: 1.2; margin-bottom: 4px; font-size: 20px; }

h5 { font-weight: bold; line-height: 1.2; margin-bottom: 4px; font-size: 15px; }

h6 { font-weight: bold; line-height: 1.2; margin-bottom: 4px; font-size: 11px; }

/* 列表 */
ul { margin-left: 25px; }

ul li { list-style: disc; }

ul li ul li { list-style: circle; margin-left: 5px; }

ol { margin-left: 25px; }

ol li { list-style-type: decimal; }

ol li ol li { list-style-type: lower-alpha; margin-left: 5px; }

dl dt { font-weight: bold; }

dl dd { margin-left: 10px; }

table { border: 1px solid #DDD; }

td { padding: 5px; border: 1px solid #DDD; }

p { margin: 15px 0; }

hr { width: 100%; border: none; border-bottom: 1px solid #CCC; margin-top: 12px; margin-bottom: 12px; }

:focus { outline: 0; }

/*清除链接虚线边框*/
/*主色*/
/*配色*/
/*红色*/
/*绿色*/
/*一般*/
/*黄色*/
/*灰色*/
/*网页背景色*/
/*边框线颜色*/
/*文字默认颜色*/
/*链接文字颜色*/
/*主要内容区域宽度*/
/*=============铵钮=============*/
/* Scss Document */
* { box-sizing: border-box; }

body { background: #F3F3F3; border: none; font-family: Verdana, Arial, 'Microsoft YaHei'; *font-family: 'Microsoft YaHei'; font-size: 14px; line-height: 1.6; color: #333; }

.container { width: 1200px; margin: 0 auto; overflow-x: hidden; }
.container:before, .container:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }

.clearListStyle { margin: 0; padding: 0; list-style: none; }
.clearListStyle li { margin: 0; padding: 0; list-style: none; }

a { text-decoration: none; color: #333; }
a:hover { color: #04974c; text-decoration: underline; }

/*常用*/
.show { display: block; }

.hidden { display: none; }

.clear { clear: both; }

.clearfix:before, .clearfix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }

.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.ellipsis-2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; display: -moz-box; display: -ms-box; display: box; -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; box-orient: vertical; -webkit-line-clamp: 2; }

.img1-1 { width: 100%; display: block; position: relative; }
.img1-1:after { display: block; padding-top: 100%; content: ''; }
.img1-1 img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

.img4-3 { width: 100%; display: block; position: relative; }
.img4-3:after { display: block; padding-top: 75%; content: ''; }
.img4-3 img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

/*按钮*/
.btn { display: inline-block; padding: 6px 12px; background-color: #FFF; border: 1px solid #CCC; border-radius: 4px; text-align: center; font-size: 14px; color: #333; line-height: 1.6; white-space: nowrap; vertical-align: middle; cursor: pointer; }
.btn:hover { background-color: #EEE; border-color: #AAA; color: #333; text-decoration: none; }
.btn:active { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.15); }
.btn.disabled, .btn.disabled:visited, .btn.disabled:hover { background-color: #DDD !important; border-color: #AAA !important; color: #999 !important; cursor: text; }
.btn.btn-sm { padding: 3px 6px; font-size: 12px; border-radius: 3px; }
.btn.btn-lg { padding: 10px 16px; font-size: 18px; border-radius: 6px; }
.btn.btn-border { background: none; }
.btn.btn-block { display: block; width: 100%; padding-left: 0; padding-right: 0; }

.btn-primary, .btn-primary:visited { background-color: #0396e4; border-color: #0396e4; color: #FFF; }
.btn-primary:hover, .btn-primary:visited:hover { background-color: #0385cb; border-color: #027cbc; color: #FFF; }
.btn-primary:active, .btn-primary:visited:active { background-color: #027cbc; border-color: #0275b2; }
.btn-primary.btn-border, .btn-primary:visited.btn-border { color: #0396e4; }
.btn-primary.btn-border:hover, .btn-primary:visited.btn-border:hover { color: #FFF; }

.btn-ornament, .btn-ornament:visited { background-color: #04974c; border-color: #04974c; color: #FFF; }
.btn-ornament:hover, .btn-ornament:visited:hover { background-color: #037e3f; border-color: #036f38; color: #FFF; }
.btn-ornament:active, .btn-ornament:visited:active { background-color: #036f38; border-color: #036533; }
.btn-ornament.btn-border, .btn-ornament:visited.btn-border { color: #04974c; }
.btn-ornament.btn-border:hover, .btn-ornament:visited.btn-border:hover { color: #FFF; }

.btn-info, .btn-info:visited { background-color: #5bc0de; border-color: #5bc0de; color: #FFF; }
.btn-info:hover, .btn-info:visited:hover { background-color: #46b8da; border-color: #39b3d7; color: #FFF; }
.btn-info:active, .btn-info:visited:active { background-color: #39b3d7; border-color: #31b0d5; }
.btn-info.btn-border, .btn-info:visited.btn-border { color: #5bc0de; }
.btn-info.btn-border:hover, .btn-info:visited.btn-border:hover { color: #FFF; }

.btn-danger, .btn-danger:visited { background-color: #F00; border-color: #F00; color: #FFF; }
.btn-danger:hover, .btn-danger:visited:hover { background-color: #e60000; border-color: #d60000; color: #FFF; }
.btn-danger:active, .btn-danger:visited:active { background-color: #d60000; border-color: #cc0000; }
.btn-danger.btn-border, .btn-danger:visited.btn-border { color: #F00; }
.btn-danger.btn-border:hover, .btn-danger:visited.btn-border:hover { color: #FFF; }

.btn-success, .btn-success:visited { background-color: #5cb85c; border-color: #5cb85c; color: #FFF; }
.btn-success:hover, .btn-success:visited:hover { background-color: #4cae4c; border-color: #47a447; color: #FFF; }
.btn-success:active, .btn-success:visited:active { background-color: #47a447; border-color: #449d44; }
.btn-success.btn-border, .btn-success:visited.btn-border { color: #5cb85c; }
.btn-success.btn-border:hover, .btn-success:visited.btn-border:hover { color: #FFF; }

.btn-warning, .btn-warning:visited { background-color: #FA0; border-color: #FA0; color: #FFF; }
.btn-warning:hover, .btn-warning:visited:hover { background-color: #e69900; border-color: #d68f00; color: #FFF; }
.btn-warning:active, .btn-warning:visited:active { background-color: #d68f00; border-color: #cc8800; }
.btn-warning.btn-border, .btn-warning:visited.btn-border { color: #FA0; }
.btn-warning.btn-border:hover, .btn-warning:visited.btn-border:hover { color: #FFF; }

.btn-grey, .btn-grey:visited { background-color: #999; border-color: #999; color: #FFF; }
.btn-grey:hover, .btn-grey:visited:hover { background-color: #8c8c8c; border-color: #858585; color: #FFF; }
.btn-grey:active, .btn-grey:visited:active { background-color: #858585; border-color: gray; }
.btn-grey.btn-border, .btn-grey:visited.btn-border { color: #999; }
.btn-grey.btn-border:hover, .btn-grey:visited.btn-border:hover { color: #FFF; }

/* 表单元素 */
.form-control { height: 36px; border: 1px solid #CCC; padding: 6px 12px; background-color: #fff; font-size: inherit; display: inline-block; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-appearance: none; -webkit-appearance: none; }

select.form-control { -moz-appearance: menulist; -webkit-appearance: menulist; }

textarea.form-control { height: auto; }

/* 分页 */
.pagination { font-size: 0; margin-top: 20px; padding: 20px 0; text-align: center; }
.pagination li { display: inline; }
.pagination a { display: inline-block; margin: 0 2px; padding: 6px 12px; background-color: #FFF; border: 1px solid #DDD; font-size: 14px; }
.pagination a:hover { background-color: #F8F8F8; text-decoration: none; }
.pagination li.active a { background-color: #0396e4; border-color: #0396e4; color: #FFF; }

.header { min-width: 1200px; height: 100px; background-color: #FFF; }
.header .logo { height: 100px; float: left; }
.header .logo img { vertical-align: middle; display: inline-block; }
.header .logo:before { content: ""; width: 0; height: 100%; display: inline-block; vertical-align: middle; }
.header .kouhao { float: left; height: 40px; margin: 30px 0 0 160px; font-size: 28px; line-height: 40px; }
.header .tel { float: right; height: 30px; margin-top: 35px; font-size: 24px; line-height: 30px; color: #04974c; }

.nav { min-width: 1200px; height: 40px; background-color: #0396e4; line-height: 40px; text-align: center; font-size: 16px; }
.nav li { width: 140px; height: 40px; float: left; position: relative; z-index: 4; }
.nav li > a { display: block; color: #FFF; }
.nav li > a.active, .nav li.hover > a { background-color: #04974c; color: #FFF; }
.nav li > a:hover { color: #FFF; }
.nav .container { overflow: visible; }
.nav .subnav { display: none; position: absolute; left: 0; right: 0; top: 40px; background-color: #04974c; text-align: center; }
.nav .subnav a { display: block; line-height: 20px; padding: 10px 5px; font-size: 14px; color: #FFF; border-top: 1px solid #038d47; }
.nav .subnav a:hover { background-color: #038d47; }

.banner { width: 100%; min-width: 1200px; position: relative; overflow: hidden; }
.banner .arrow-down { position: absolute; left: 50%; bottom: 60px; z-index: 4; margin-left: -30px; cursor: pointer; background: url(../images/downroud.png) no-repeat center; width: 60px; height: 60px; }
.banner .slides li { overflow: hidden; position: relative; }
.banner .slides li.flex-active-slide .move01 .txt01, .banner .slides li.flex-active-slide .move01 .txt02, .banner .slides li.flex-active-slide .move02 .txt01, .banner .slides li.flex-active-slide .move02 .txt02, .banner .slides li.flex-active-slide .move03 .txt01, .banner .slides li.flex-active-slide .move03 .txt02 { -moz-transform: translate(0); -ms-transform: translate(0); -webkit-transform: translate(0); transform: translate(0); opacity: 1; }
.banner .img img { width: 100%; }
.banner .flex-direction-nav li { list-style: none; }
.banner .flex-direction-nav a { position: absolute; top: 50%; margin-top: -30px; z-index: 3; width: 40px; height: 60px; background: no-repeat center; }
.banner .flex-direction-nav .flex-prev { background-image: url(../images/btn_prev.png); left: 20px; }
.banner .flex-direction-nav .flex-next { background-image: url(../images/btn_next.png); right: 20px; }
.banner .move01 { position: absolute; left: 50%; top: 13%; margin-left: -580px; color: #FFF; }
.banner .move01 .txt01 { -moz-transform: translateX(100px); -ms-transform: translateX(100px); -webkit-transform: translateX(100px); transform: translateX(100px); opacity: 0; -moz-transition: all 1.5s; -o-transition: all 1.5s; -webkit-transition: all 1.5s; transition: all 1.5s; -moz-transition-delay: 1s; -o-transition-delay: 1s; -webkit-transition-delay: 1s; transition-delay: 1s; font-size: 56px; }
.banner .move01 .txt02 { -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); -webkit-transform: translateX(-100px); transform: translateX(-100px); opacity: 0; -moz-transition: all 1.5s; -o-transition: all 1.5s; -webkit-transition: all 1.5s; transition: all 1.5s; -moz-transition-delay: 1.5s; -o-transition-delay: 1.5s; -webkit-transition-delay: 1.5s; transition-delay: 1.5s; text-transform: uppercase; font-size: 16px; font-family: verdana; }
.banner .move02, .banner .move03 { width: 100%; position: absolute; left: 0; top: 26%; text-align: center; color: #FFF; }
.banner .move02 .txt01, .banner .move03 .txt01 { -moz-transform: translateY(60px); -ms-transform: translateY(60px); -webkit-transform: translateY(60px); transform: translateY(60px); opacity: 0; -moz-transition: all 1.5s; -o-transition: all 1.5s; -webkit-transition: all 1.5s; transition: all 1.5s; -moz-transition-delay: 1s; -o-transition-delay: 1s; -webkit-transition-delay: 1s; transition-delay: 1s; font-size: 52px; letter-spacing: 3px; }
.banner .move02 .txt02, .banner .move03 .txt02 { -moz-transform: translateY(60px); -ms-transform: translateY(60px); -webkit-transform: translateY(60px); transform: translateY(60px); opacity: 0; -moz-transition: all 1.5s; -o-transition: all 1.5s; -webkit-transition: all 1.5s; transition: all 1.5s; -moz-transition-delay: 1.5s; -o-transition-delay: 1.5s; -webkit-transition-delay: 1.5s; transition-delay: 1.5s; font-size: 16px; font-family: verdana; letter-spacing: 2px; }
.banner .move02 .txt01 { color: #333; }
.banner .move02 .txt02 { color: #666; }

.about { min-width: 1200px; padding: 80px 0; background: url(../images/bg_about.jpg) repeat-y center top; background-size: cover; overflow: hidden; }
.about .about-bd { text-indent: 2em; margin-top: 60px; padding: 0 10px; font-size: 14px; line-height: 26px; }
.about .about-bd p { margin: 0; padding: 5px 0; }
.about .aboutnav { margin-top: 60px; text-align: center; font-size: 0; }
.about .aboutnav ul { display: inline-block; border-left: 1px solid #CCC; }
.about .aboutnav li { width: 200px; height: 120px; border-right: 1px solid #CCC; display: inline-block; }
.about .aboutnav a { -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; display: block; height: 100%; color: #333; font-size: 16px; overflow: hidden; }
.about .aboutnav .img { -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; height: 50px; margin-top: 20px; font-size: 50px; line-height: 50px; color: #666; }
.about .aboutnav .name { margin-top: 10px; }
.about .aboutnav a:hover { background-color: #0396e4; text-decoration: none; color: #FFF; }
.about .aboutnav a:hover .img { color: #FFF; -moz-transform: translateY(-6px); -ms-transform: translateY(-6px); -webkit-transform: translateY(-6px); transform: translateY(-6px); }
.about .aboutmore { margin-top: 80px; text-align: center; }
.about .aboutmore a { width: 200px; }

.pub-hd { text-align: center; line-height: 1; }
.pub-hd h1 { font-size: 32px; margin: 0; font-weight: normal; }
.pub-hd .en { margin-top: 10px; text-transform: uppercase; font-size: 20px; color: #999; }

.youshi { min-width: 1200px; height: 805px; padding: 80px 0; background: url(../images/bg_youshi.jpg) repeat-y center top; background-size: cover; overflow: hidden; }
.youshi .pub-hd h1 { color: #FFF; }
.youshi .pub-hd .en { color: #c2e2f2; }
.youshi .youshi-bd { margin-top: 56px; }
.youshi .youshi-bd li { width: 260px; height: 230px; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; cursor: pointer; float: left; margin: 20px; border: 1px solid #95cbe5; text-align: center; }
.youshi .youshi-bd li .img { height: 60px; font-size: 60px; color: #FFF; line-height: 1; margin-top: 30px; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.youshi .youshi-bd li .tit { margin-top: 20px; font-size: 18px; color: #FFF; }
.youshi .youshi-bd li .desc { margin: 10px 18px 0; font-size: 14px; line-height: 24px; color: #c2e2f2; }
.youshi .youshi-bd li:hover { background-color: #04974c; border-color: #04974c; }
.youshi .youshi-bd li:hover .desc { color: #FFF; }
.youshi .youshi-bd li:hover .img { -moz-transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); }

.product { min-width: 1200px; background-color: #FFF; padding: 80px 0; }
.product .product-bd { margin-top: 80px; height: 640px; position: relative; overflow: hidden; }
.product .product-bd .flex-direction-nav li { list-style: none; }
.product .product-bd .flex-direction-nav a { position: absolute; top: 50%; margin-top: -30px; z-index: 3; width: 40px; height: 60px; background: no-repeat center; }
.product .product-bd .flex-direction-nav .flex-prev { background-image: url(../images/btn_prev.png); left: 0; }
.product .product-bd .flex-direction-nav .flex-next { background-image: url(../images/btn_next.png); right: 0; }
.product .product-bd .slides li { height: 640px; position: relative; overflow: hidden; }
.product .product-bd .slides li .img img { width: 100%; }
.product .product-bd .slides li .name { -moz-transform: translateY(80px); -ms-transform: translateY(80px); -webkit-transform: translateY(80px); transform: translateY(80px); opacity: 0; -moz-transition: all 1s; -o-transition: all 1s; -webkit-transition: all 1s; transition: all 1s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; width: 100%; position: absolute; left: 0; top: 210px; text-align: center; font-size: 28px; color: #FFF; }
.product .product-bd .slides li .desc { -moz-transform: translateY(80px); -ms-transform: translateY(80px); -webkit-transform: translateY(80px); transform: translateY(80px); opacity: 0; -moz-transition: all 1s; -o-transition: all 1s; -webkit-transition: all 1s; transition: all 1s; -moz-transition-delay: 1s; -o-transition-delay: 1s; -webkit-transition-delay: 1s; transition-delay: 1s; width: 1000px; position: absolute; left: 100px; top: 260px; text-align: center; color: #FFF; font-size: 18px; }
.product .product-bd .slides li .yingyong { -moz-transform: translateY(216px); -ms-transform: translateY(216px); -webkit-transform: translateY(216px); transform: translateY(216px); opacity: 0; -moz-transition: all 1s; -o-transition: all 1s; -webkit-transition: all 1s; transition: all 1s; -moz-transition-delay: 1.2s; -o-transition-delay: 1.2s; -webkit-transition-delay: 1.2s; transition-delay: 1.2s; width: 100%; position: absolute; left: 0; bottom: 40px; }
.product .product-bd .slides li .yingyong .tit { width: 160px; height: 36px; margin: 0 auto; background-color: #04974c; color: #FFF; text-align: center; line-height: 36px; font-size: 16px; }
.product .product-bd .slides li .yingyong .cont { margin-top: 20px; text-align: center; font-size: 0; }
.product .product-bd .slides li .yingyong .cont li { display: inline; margin: 0 10px; }
.product .product-bd .slides li .yingyong .cont li img { width: 120px; height: 120px; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; cursor: pointer; }
.product .product-bd .slides li .yingyong .cont li img:hover { -moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }
.product .product-bd .slides li.flex-active-slide .name, .product .product-bd .slides li.flex-active-slide .desc, .product .product-bd .slides li.flex-active-slide .yingyong { -moz-transform: translate(0); -ms-transform: translate(0); -webkit-transform: translate(0); transform: translate(0); opacity: 1; }

.news { min-width: 1200px; background-color: #FFF; padding: 80px 0; }
.news .news-bd { margin-top: 80px; }
.news .news-bd li { width: 360px; height: 380px; float: left; margin: 0 20px; background-color: #FFF; border: 1px solid #DDD; }
.news .news-bd li .img { overflow: hidden; }
.news .news-bd li .img img { width: 360px; height: 230px; }
.news .news-bd li .tit { font-size: 16px; margin: 15px 15px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news .news-bd li .desc { height: 44px; line-height: 22px; color: #666; margin: 10px 15px 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; display: -moz-box; display: -ms-box; display: box; -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; box-orient: vertical; -webkit-line-clamp: 2; }
.news .news-bd li .more { display: inline-block; margin-left: 15px; color: #04974c; }

.footer { min-width: 1200px; background-color: #333; color: #CCC; }
.footer .footer-bd { padding: 40px 0; overflow: hidden; }
.footer .nav-bottom { width: 900px; float: left; }
.footer .nav-bottom dl { width: 180px; float: left; padding-left: 15px; }
.footer .nav-bottom dl dt { margin-bottom: 15px; font-size: 16px; color: #FFF; font-weight: normal; }
.footer .nav-bottom dl dd { margin: 0; padding: 0; font-size: 12px; }
.footer .nav-bottom dl dd a { color: #CCC; line-height: 30px; }
.footer .nav-bottom dl dd a:hover { color: #FFF; }
.footer .lianxi { width: 300px; float: right; padding: 0 15px; border-left: 1px solid #666; }
.footer .lianxi .tit { font-size: 16px; color: #FFF; margin-bottom: 15px; }
.footer .lianxi .cont { font-size: 12px; }
.footer .lianxi p { margin: 0; padding: 5px 0; }
.footer .lianxi .iconfont { width: 20px; text-align: center; display: inline-block; vertical-align: middle; margin-right: 5px; }
.footer a { color: #CCC; }
.footer a:hover { color: #FFF; }
.footer .copy { text-align: center; font-size: 12px; padding: 20px 0; border-top: 1px solid #666; }

.music { height: 0; overflow: hidden; display: none; }

.productbox { padding: 20px 0  80px; }

.pt-title { padding-top: 80px; text-align: center; font-size: 40px; color: #0396e4; }

.pt-en { text-align: center; color: #0396e4; font-size: 18px; }

.productlist { margin-top: 40px; }
.productlist li { width: 380px; height: 274px; padding: 5px; float: left; margin: 10px; background-color: #FFF; text-align: center; }
.productlist li a { display: block; position: relative; }
.productlist li .img { height: 274px; overflow: hidden; }
.productlist li .img img { width: 100%; height: 100%; transition: all .3s; }
.productlist li .name { transition: all .3s; position: absolute; left: 0; right: 0; bottom: 0; height: 40px; line-height: 40px; background: #000; background: rgba(0, 0, 0, 0.6); color: #FFF; padding: 0 5px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.productlist li:hover .name { height: 274px; background: #0396e4; background: rgba(3, 150, 228, 0.6); font-size: 20px; font-weight: bold; }
.productlist li:hover .name:before { content: ""; height: 100%; display: inline-block; vertical-align: middle; }
.productlist li:hover .img img { transform: scale(1.2); }

.pt-content { margin-top: 30px; }
.pt-content .bigimg { position: relative; }
.pt-content .bigimg img { width: 100%; }
.pt-content .bigimg .cont { position: absolute; left: 30px; right: 30px; top: 200px; z-index: 2; color: #FFF; text-align: center; }
.pt-content .bigimg .name { font-size: 28px; }
.pt-content .bigimg .desc { margin-top: 10px; font-size: 16px; }
.pt-content .yingyong { margin-top: 20px; }
.pt-content .yingyong .tit { width: 160px; height: 36px; background-color: #04974c; color: #FFF; text-align: center; line-height: 36px; font-size: 16px; }
.pt-content .yingyong .cont { margin-top: 20px; font-size: 0; }
.pt-content .yingyong .cont li { float: left; border: 1px solid #DDD; margin-right: 10px; }
.pt-content .yingyong .cont li img { width: 120px; height: 120px; }
.pt-content .yingyong .cpjs { margin-top: 15px; }

.nybanner { height: 300px; background: #666 no-repeat center top; }
.nybanner h1 { margin: 0; padding-top: 100px; text-align: center; font-size: 40px; color: #FFF; font-weight: normal; }
.nybanner p { margin: 0; text-align: center; color: #FFF; font-size: 18px; }

.menu { height: 82px; background-color: #FFF; }
.menu .subnav { text-align: center; margin-top: 20px; font-size: 0; }
.menu .subnav a { height: 42px; margin: 0 6px; padding: 0 30px; line-height: 40px; font-size: 16px; }
.menu .subnav a.active { background-color: #0396e4; color: #FFF; border: none; }

.wrap { padding-bottom: 80px; }

.news-list { margin: 0 10px; padding-top: 20px; }
.news-list .news-item { margin-top: 20px; padding: 20px; background-color: #FFF; border: 1px solid #E8E8E8; overflow: hidden; }
.news-list .news-item .img { float: left; margin-right: 20px; width: 100%; display: block; position: relative; width: 280px; }
.news-list .news-item .img:after { display: block; padding-top: 63.75%; content: ''; }
.news-list .news-item .img img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.news-list .news-item .cont { overflow: hidden; }
.news-list .news-item .tit { font-size: 20px; color: #333; font-weight: bold; }
.news-list .news-item .desc { margin-top: 15px; color: #666; height: 72px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; display: -moz-box; display: -ms-box; display: box; -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; box-orient: vertical; -webkit-line-clamp: 3; }
.news-list .news-item .more { transition: all .3s; width: 160px; margin-top: 15px; }
.news-list .news-item .date { width: 80px; height: 80px; margin-top: 48px; background-color: #FFF; padding: 8px; text-align: center; font-size: 18px; line-height: 24px; border: 1px solid #E8E8E8; float: right; margin-left: 30px; }
.news-list .news-item .date .year { color: #999; font-size: 14px; border-top: 1px dashed #DDD; padding-top: 6px; margin-top: 8px; }
.news-list .news-item:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }

.newswrap { margin: 50px 10px 0; padding: 50px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); background-color: #FFF; border: 1px solid #E8E8E8; }

.news-title { font-size: 28px; text-align: center; }

.news-info { margin-top: 20px; background-color: #F8F8F8; line-height: 38px; text-align: center; color: #999; font-size: 14px; }

.nws-content { margin: 50px 0 0; line-height: 1.8; }
.nws-content img { max-width: 100%; }
.nws-content p { text-indent: 2em; }

.joinbox { padding: 30px 0 80px; }

.jmlc { margin-top: 30px; background: #FFF; background: rgba(255, 255, 255, 0.95); border-radius: 4px; }

.jm-hd { padding-top: 30px; text-align: center; font-size: 24px; }
.jm-hd:before { content: ""; width: 100px; height: 1px; margin-right: 10px; background-color: #CCC; display: inline-block; vertical-align: middle; }
.jm-hd:after { content: ""; width: 100px; height: 1px; margin-left: 10px; background-color: #CCC; display: inline-block; vertical-align: middle; }

.jm-bd { padding: 30px; }
.jm-bd ul { margin-left: -15px; }
.jm-bd li { width: 150px; height: 150px; float: left; margin-left: 15px; background: url(../images/bg_jmlc.png) no-repeat center; color: #FFF; text-align: center; }
.jm-bd li .num { padding-top: 35px; font-size: 42px; font-weight: bold; font-family: arial; line-height: 1; }
.jm-bd li .txt { margin-top: 10px; font-size: 16px; line-height: 24px; }
.jm-bd .jmfs01 { width: 560px; height: 100px; background-color: #0396e4; border-radius: 4px; float: left; line-height: 100px; color: #FFF; font-size: 24px; text-align: center; }
.jm-bd .jmfs02 { width: 560px; height: 100px; background-color: #04974c; border-radius: 4px; float: right; line-height: 100px; color: #FFF; font-size: 24px; text-align: center; }

.lxbox { margin-top: 60px; padding: 10px; background-color: #FFF; border: 1px solid #E8E8E8; }

.mapbox { width: 600px; height: 420px; float: left; }
.mapbox p { margin: 0; padding: 0; }
.mapbox .company-name { font-weight: bold; border-bottom: 1px solid #DDD; padding-bottom: 5px; margin-bottom: 8px; }

.contact { height: 420px; padding: 25px; overflow: hidden; }
.contact li { padding: 5px 10px; overflow: hidden; }
.contact li .fieldname { width: 70px; float: left; margin-right: 15px; font-weight: bold; }
.contact li .fieldcont { overflow: hidden; }

.noresult { text-align: center; padding: 20px; }